<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="com.lp.cfg.ProConfig" %>
<!DOCTYPE html>
<html>
<head>
	<%@ include  file="/WEB-INF/oss/base/common/variable.jsp"%>
    <%@ include  file="/WEB-INF/oss/base/common/resource_lib.jsp"%>
    <%@ include  file="/WEB-INF/oss/base/common/variable_js.jsp"%>
</head>
<script type="text/javascript">
	
</script>
<style type="text/css">
	.scene-style{
		padding-left: 30px;
	    height: 30px;
	    line-height: 30px;
	    background: #d9d9d9;
	    color: #333;
	    margin: 2px 0;
	    border-radius: 3px;
	    cursor: pointer;
	}
	.scene-style.active{
		 background: #3499da;
		 color: white; 
	}
	.limiter{
		cursor: pointer;
	}
	.jui-time {
	    width: 188px;
	    cursor: pointer;
	    display: inline;
    }
</style>
<body>
	<div class="app-container">
		<div class="search-condition" type-option="search_table" config-option=" 'submit':'#searchbtns',
															'table':'#init-table',
															'wait_flag':true">
				<input type-name="name"  placeholder="用户名"  class="input input-auto" />
				
				<input type-name="start_time" class="input input-self jui-time start_time" data-options="defaultValue:-1" >
				<span >~</span>
				<input type-name="end_time" class="input input-self jui-time end_time" >
				
				<button id="searchbtns" class="button ml-20 bg-sub"><span class="icon-search"></span> 查询</button>
		</div>
		
		 <div style="margin-top:10px;">
			<div id="init-table" type-option="table" config-option=" url:'/page/alarm/record/statistic',
						 param:{start_time:'$.start_time$',end_time:'$.end_time$'},
						 columns:[
							{'name':'序号','type':'seq','value':'seq','width':'4%'}, 
							{'name':'用户名称','value':'name','width':'10%'}, 
							{'name':'短信发送量','value':'sms_num','width':'15%'},
							{'name':'语音发送量','value':'voice_num','width':'10%'},
							{'name':'操作','type':'self','value_callback':'value_function','width':'13%'} ]" > 
			</div>
		</div> 
	</div>
	
	<script type="text/javascript">
		
		function value_function(data,seq){
			return  "<button onclick='t_detail(this,"+data.user_id+")' class='button button-small border-blue'>查看详情</button> ";
		}
		
		function t_detail(a,b){
			// 打开窗口查看传感器列表
			layer.open({
			      type: 2,
			      title: '传感器列表',
			      shadeClose: true,
			      shade: 0.7,
			      maxmin: true, //开启最大化最小化按钮
			      area: ['900px', '90%'],
			      content: "<%=basePath%>/service/base/alarm_record?user_id=" 
			    		  + b
			   });
		}
		
	</script>
	
	
</body>
</html>